
.conter1{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	background: url(../../images/photoNewBook/b1.png)no-repeat;
	background-size:contain;
	position: relative;
	/*display: none;*/
}
#pages a {
    display: none;
}

.previous,.next{
	display:inline-block;
	
}
/*页码*/
.bar1{
	    text-align: center;
    font-size: 8px;
    position: absolute;
    margin-top: -0.5rem;
    margin-left: 49%;
}
.bar1>span{
	font-size: 8px;
}
/*更换模板页*/
/*.ToMould{
	position: absolute;
	right: 0rem;
	top: 0.2rem;
}*/
.Mould{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.3;
	display: none;
	z-index: 81;
}
.mouldpage{
	position: fixed;
	bottom: 0rem;
		width: 10rem;
		height: 4.5rem;
		line-height: 5.9rem;
		white-space:nowrap;
		overflow-x:auto;
		overflow-y:hidden;
		display: none;
		z-index: 100;
		background-color: #FFFFFF;
}
.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10{
	width: 1.89rem;
   /* height: 2.88rem;*/
	margin-left: 0.2rem;
	z-index: 82;
	margin-left: 0.1rem;
	position: relative;
}

/*语音文字*/
.input1{
	display: inline;
}

.yuyin{
	position: absolute;
    width: 2rem;
    height: 2rem;
    background: url(../../images/photoNewBook/huatong.png) no-repeat;
    background-size: contain;
    margin-left: 4.49rem;
    margin-top: 0.95rem;
    display: none;
   }
 .yuyin>b{
   	position: absolute;
    margin-left: -0.1rem;
    margin-top: 2.5rem;
    color: #63E0CE;
    font-size: 16px;
   }
   .stop{
   	position: absolute;
	width: 4.8rem;
	height: 3.04rem;
    background: url(../../images/photoNewBook/yuying.gif) no-repeat;
    background-size:contain;
     margin-left: 2.8rem;
    margin-top:0.6rem;
    display: none;
   }
   .stop>b{
   position: absolute;
    margin-left: 1.8rem;
    margin-top: 3.1rem;
    color: #63E0CE;
    font-size: 16px;
   }
   .change{
   	position: absolute;
	width: 1.866rem;
	height: 0.94rem;
    background: url(../../images/photoNewBook/zhuanhua.gif) no-repeat;
    background-size:contain;
    margin-left: 2rem;
    margin-top:0.6rem;
    display: none;
   }
   .change>b{
   	margin-left: -1rem;
   	color: #63E0CE;
   }
/*.import>div{
	line-height: 1.125rem;
	width: 10rem;
	height: 1.125rem;
	border-top:1px solid #EBEBEB;
	font-size: 16px;
}*/
.Photolibrary,.Photolibrary1{
	position: fixed;
	width: 100%;
	height: 4.5rem;
	bottom: 0;
	box-shadow: 0 -2px 0px 0 rgba(140,140,140,0.50);
	z-index: 100;
	background: #FFFFFF;
	display: none;
	background-color: #ffffff;
}
.Photolibrary{
	top: 0;
	height: 100%;
}
.Photolibrary1{
	border-bottom: 1px solid rgba(140,140,140,0.50);
	height: 5rem;
	line-height: 4.5rem;
}
.affirm{
	width: 100%;
	height: 1.2rem;
}

.NO,.OK,.NO1,.OK1{
	width: 1.6rem;
	height:0.8rem;
	margin-top: 0.2rem;
}
.NO,.NO1{
	position: absolute;
	left:0.53rem ;
}
.OK,.OK1{
	position: absolute;
	right:0.53rem ;
}
.affirmNO{
	left:7.53rem ;
}
.Images{
	width: 10rem;
	height: 100%;
	overflow:scroll;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	white-space: nowrap;
	background-color: rgba(10, 10, 10, 0.63);
}
.MB{
	width: 10rem;
	height: 3.3rem;
	overflow:scroll;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.i1{
	position: relative;
	width: 2.4rem;
	margin-top: 2%;
}
.s1{
	width: 2.4rem;
}
.ridus,.gou{
  position: absolute;
    margin-left: -0.7rem;
    margin-top: 2.2rem;
    width: 0.47rem;
    height: 0.47rem;
}
.gou{
	display: none;
}
/*更换图片*/
.renewal>img{
		height: 0.4rem;
}
.renewal>a{
		color: #FFFFFF;
}
.shade,.shade1,.shade3,.shade4{
	display:none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.50);
    z-index: 80;
    /*display: none;*/
}
.shade5{
	display:none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.50);
    z-index: 10;
}
/*
 *加载中
 */
.loading{
	position:absolute;
	margin: 6rem 3.5rem;
	z-index: 81;
	display:none;
}
.shade4{

	margin-left: 0;
}
.Uploadmode,.import{
	position: fixed;
	bottom: 0.2rem;
	margin-left:0.44rem ;
	text-align: center;
	width: 9.12rem;
	height:4.48rem;
	display: none;
	z-index: 100;
	border-top-left-radius: 0.27rem;
	border-top-right-radius: 0.27rem;
	border: none;
}
/*.Uploadmode{
	width:70%;
	 height: 1.14222222rem;
	margin-left: 15%;
	    background-color: rgb(135,225,213);
	    font-size: 0.106666rem;
	    display: none;
	
}*/
.Uploadmode1{
	position: fixed;
	bottom: 0.2rem;
	margin-left:0.44rem ;
	text-align: center;
	width: 9.12rem;
	height:4.48rem;
	display: none;
	z-index: 100;
	border-top-left-radius: 0.27rem;
	border-top-right-radius: 0.27rem;
	border: none;
}
.Uploadmode>div{
	
	 width: 10rem;
    height: 1.075rem;
    border-top: 1px solid #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 1.075rem;
    color: #FFFFFF;
    z-index: 90;
	
}
.Uploadmode1>a{
	     display: inline-block;
    position: absolute;
    font-size: 0.2rem;
    margin-left: 52%;
    bottom: 0;
    color: #FFFFFF;
  
   

}
/*.toPhotolibrary{
	background: url(../../images/photoNewBook/concise/tkxz.png) no-repeat;
 background-position:50% 10%;
     background-size: 42%;
}
.tocellphone{
		background: url(../../images/photoNewBook/concise/sjsc.png) no-repeat;
 background-position:50% 10%;
     background-size: 42%;
}
.btnn{
	position: relative;
	 background: url(../../images/photoNewBook/concise/scsp.png) no-repeat;
    background-position: 56% 0%;
    background-size: 78%;
    z-index: 2;
}
.cancel1{
		background: url(../../images/photoNewBook/concise/wc.png) no-repeat;
 background-position:50% 10%;
     background-size: 42%;
}*/

.import,.Uploadmode{
	position: absolute;
	width: 10rem;
    height: 4.3rem;
    margin-left: 0%;
    background-color: rgb(135,225,213);
    font-size: 0.106666rem;
    display: none;
    bottom: 0rem;
   z-index:90;
}
.import>div{
	     width: 10rem;
    height: 1.075rem;
    border-top: 1px solid #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 1.075rem;
   color: #FFFFFF;
    z-index:90;
}
.fingerboard{
	
}
.characters{
	
}
.code{
	
}
.cancel{
	
}
.video,.code{
	border-bottom:1px solid ;
	border-bottom: none;
	border-bottom-color:#e5e5e5;
	border-bottom-left-radius: 0.27rem;
	border-bottom-right-radius: 0.27rem;
}
/*.cancel1,.cancel{
	border: 1px solid #e5e5e5;
	border-radius: 0.27rem;
	width: 100%;
	height:1.12rem ;
	background-color: #FFFFFF;
	font-size: 16px;
	line-height: 1.125rem;
	margin-top: 0.05rem;
}*/
.cancel{
	/*border: 1px solid #e5e5e5;
	border-radius: 0.27rem;
	width: 100%;
	height:1.12rem ;
	background-color: #FFFFFF;
	font-size: 16px;
	line-height: 1.125rem;
	margin-top: 0.05rem;*/
}
.select{
	z-index: 80;
	margin-left: 0rem;
	transform: scale(0.7,0.7);
}
.sele1{
	margin-left: -1.1rem;
}
.btnn{
	position: relative;
}
.ffff{
position: absolute;
    left: 0rem;
    opacity: 0;
    width: 10rem;
    height: 1.075rem;
}

/*功能栏*/
.FunctionBar{
	bottom:0rem;
	width:100%;
	height:1.5rem;
	background-color:rgb(135,225,213);
	z-index: 5;
	    position: fixed;
}
.FunctionBar_1{
	bottom:0rem;
	width:100%;
	height:1.5rem;
	background-color:rgb(135,225,213);
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.FunctionBar1{
	    width: 85%;
    margin-left: 7%;
    height: 1.5rem;
    background-color: rgb(135,225,213);
    display: flex;
    border-radius: 0.3rem;
    flex-direction: row;
    flex-wrap: wrap;
    position: fixed;
    margin-top: 0.2rem;
}
.FunctionBar_1>div{
	width: 19.9%;
	height: 1.4rem;
	text-align: center;
	color: #FFFFFF;
	line-height: 2.4rem;
}
.Transfer{
	position: relative;
	 background: url(../../images/photoNewBook/shangchuang.png) no-repeat;
	background-position:50% 30%;
}
.Transfer2{
 background: url(../../images/photoNewBook/chaye.png) no-repeat;
 background-position:50% 30%;
}
.Transfer3{
	 background: url(../../images/photoNewBook/huanmoman.png) no-repeat;
	 background-position:50% 30%;
}
.Transfer4{
	background: url(../../images/photoNewBook/concise/hhmb.png) no-repeat;
	 background-position:50% 30%;
	  background-size: 42%;
	 
}
.pageturning{
	background: url(../../images/photoNewBook/fanye.png) no-repeat;
background-position:46% 30%;
}
.warehouse{
	
	 background: url(../../images/photoNewBook/tupianku.png) no-repeat;
     background-position: 49% 30%;
    
}
/*模板页内容互换*/
.pagination{
	width: 4.24rem;
    height: 1.626666rem;
    border-radius: 0.2rem;  
    position: absolute;
    right: 5%;
    top: 81%;
  background-color: rgb(135,225,213);
  display: none;
  z-index: 100;
}
.pag_div{
    width: 1rem;
    height: 1.6rem;
    background: url(../../images/photoNewBook/concise/huhuan.png) no-repeat;
    background-position: 50% 31%;
    background-size: 100%;
    margin-left: 37%;
    text-align: center;
    line-height: 2.8rem;
    color: #FFFFFF;
}
.pag_input1,.pag_input2{
    width: 1.5rem;
    height: 0.8rem;
    position: absolute;
    margin-top: 10%;
    border-radius: 0.3rem;
    border: 0px solid #FFFFFF;
    /*background: url(../../images/photoNewBook/concise/huan.png) no-repeat;*/
    background-position: 11% 39%;
    background-size: 31%;
    background-color: rgb(118,211,200);
    color: #FFFFFF;
}
.pag_input2{
	margin-top: -28%;
	right: 0rem;
}
/*分页*/
.subsidiary{
	width: 100%;
	height: 0.8rem;
/*	margin-left: 15%;*/
	margin-top: 0.2rem;
	 border-radius: 0.27rem;
	 position: relative;
	z-index: 4;
}
.previous{
    width: 8%;
    height: 6%;
    position: absolute;
    margin-left: 0%;
    /* background-color: rgb(135,225,213); */
    background: url(../../images/photo_book_edit_previous_page_btn_nor.png) no-repeat;
    background-position: 0% 50%;
    background-size: 100%;
}
/*.previous>img{
	    width: 65%;
    margin-top: 30%;
    margin-left: -16%;
}*/
.next{
width: 8%;
    height: 6%;
    position: absolute;
    right: 0%;
    /* background-color: rgb(135,225,213); */
    background: url(../../images/photo_book_edit_next_page_btn_sel.png) no-repeat;
    background-position: 0% 50%;
    background-size: 100%;
   
}
/*.next>img{
	    width: 65%;
    margin-top: 30%;
    margin-left: 5%;
}*/
.previous,.next{
    z-index: 30;
    text-align: center;
    margin-top: -15%;
    /*display: none;*/
}
/*主图片库*/
.warehouse_img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color:rgba(10, 10, 10, 0.63);
	z-index: 100;
	display: none;
}
.warehouse_div{
	 opacity: 1;
}
.warehouse_div_1{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	 opacity: 1;
	 background-color: rgba(10, 10, 10, 0.63);
	
	
}

.warehouse_div_img{
	    width: 24%;
    height: 2.68rem;
    background-color: #FFFFFF;
    margin-left: 0.8%;
    margin-top: 0.8%;
    opacity: 1;
    overflow: hidden;
    position: relative;
}
.print{
	width:2.4rem ;
	 opacity: 1;
	 display: inline !important;
}
.warehouse_div1{
	width: 10rem;
	height: 1rem;
	z-index: 51;
	opacity: 1;
    position: fixed;
    top: 80%;
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.warehouse_div1>div{
	    height: 1.4rem;
    color: #FFFFFF;
    line-height: 2.4rem;
    text-align: center;
}
.uploadToPage{
	width: 23%;
	background: url(../../images/photoNewBook/sc.png) no-repeat;
      background-position: 50% 4%;
}
.sctp{
	width: 23%;
	background: url(../../images/photoNewBook/sctp.png) no-repeat;
        background-position: 50% 4%;
}
.newCompose{
	width:31.2%;
	background: url(../../images/photoNewBook/yipb.png) no-repeat;
   background-position: 50% 4%;
}
.xl{
	width: 22.8%;
	background: url(../../images/photoNewBook/xl.png) no-repeat;
       background-position: 50% 4%;
}



.wx{
	width: 0.64rem;
	height: 0.64rem;
	position: absolute;
	top: 2%;
	right: 2%;
}
.xz{
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: -20%;
    right: -17%;
    display: none;
}
.fileO{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.weui_uploader_input_wrp{
	width: 100%;
	height: 100%;
}
.fileO>input{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
	left: 0;
}
.fileI{
	height:1.4rem ;
}

/*预览功能栏*/
.FunctionBar1>.previous{
	    width: 8%;
    height: 100%;
    background: url(../../images/photoNewBook/shangyiye.png) no-repeat;
    background-position: 0% 50%;
    background-size: 100%;
    position: absolute;
    margin-left: 4%;
    margin-top: 0%;
}
.FunctionBar1>.next{
	 width: 8%;
    height: 100%;
    background: url(../../images/photoNewBook/xiayiye.png) no-repeat;
    background-position: 0% 50%;
    background-size: 100%;
    position: absolute;
	right: 4%;
	margin-top: 0%;
}
.tm{
	margin-top: 0.35rem;
	width: 0.7rem;
	margin-left: 0.05rem;
}
.ToMould{
	margin-top: 0.25rem;
}
.webuploader-element-invisible{
	opacity: 0;
}
.diyStart{
	display: inline-block;
	width: 1.2rem;
	margin-left: 2rem;
}
.diyButton{
	width: 100%;
}
#as{
	margin-left:3rem ;
}
.tm1{
	position: absolute;
	margin-left: 3.5rem;
	margin-top: -1.1rem;
}
/**/
label{
	display: none !important;
}
.webuploader-pick{
	margin-top: 0.01rem;
}
.tm2,.tm3{
	position: absolute;
	width: 0.32rem;
	margin-left: -0.2rem;
}
#fileImage{
	opacity: 0;
	width: 1rem;
	z-index: 100;
	position: absolute;
	margin-left: -1rem;
	margin-top: 0.4rem;
}
.tm4{
	
}
label{
	display: none !important;
}
/*插页*/
/*.Images1{
	margin-left: 0.54rem;
}*/
.PhotoInput{
	display: none;

}
.Images1{
	width: 10rem;
    height: 3.3rem;
    overflow: scroll;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.Images1>img{
	    width: 1.7rem;
    height: 2.8rem;
    box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
    margin-left: 0.4rem;
    margin-top: 0.15rem;
}
.PhotoImg{
	/*border: 2px solid #63E0CE;*/
}
.i1{
	width: 2.3rem;
    height: 2.88rem;
    margin-left: 0.17rem;
    overflow: hidden;
}
.affirm_1{
	position: relative;
	top: -6%;
}
.more{
	    width: 1.94666rem;
    height: 0.773333rem;
    background: url(../../images/photoNewBook/concise/chahua.png) no-repeat;
    background-position: 12% 65%;
    background-size: 16%;
    text-align: center;
    line-height: 0.77rem;
}
.more_1{
	position: absolute;
	margin-top: -30px;
    margin-left: 20%;
	width: 1.94666rem;
	height: 0.773333rem;
	background: url(../../images/photoNewBook/concise/mobantubiao.png) no-repeat;
 background-position: 2% 73%;
    background-size: 25%;
    text-align: center;
    line-height: 0.77rem;
}
/*底部*/
.Foot{
	position: fixed;
	top: 0rem;
	height: 1.6rem;
	width: 100%;
	line-height: 1.5rem;
	font-size: 16px;
	text-align: center;
	background-color: #FFFFFF;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 -1px 6px 0 rgba(130,130,130,0.50);
    z-index: 99;
    left: 0%;
}
.thread-boundbook,.Editcontent,.accomplish{
	text-align: center;
	width: 33%;
}
.thread-boundbook:hover,.Editcontent:hover,.accomplish:hover{
	border-bottom: 1px solid #79E6D5;
}
/*上传视频+*/
/*.btnn{
	margin-top: -1.1rem;
}*/
.boundbook{
	color: #79E6D5;
	border-bottom: 1px solid #79E6D5;
}

/*图片库*/
.quxiao,.queren{
	width: 1.6rem;
	height:0.8rem;
	margin-top: 0.2rem;
	
}
.queren{
	position: fixed;
	right:0.53rem ;
}
.quxiao{
	position: fixed;
	left:0.53rem ;
}
.m1:hover,.m2:hover,.m3:hover,.m4:hover,.m5:hover,.m6:hover,.m7:hover,.m8:hover,.m9:hover,.m10:hover{
	border: 0.05rem solid #79E6D5;
	
}
.m11:hover,.m12:hover,.m13:hover,.m14:hover,.m15:hover,.m16:hover,.m17:hover,.m18:hover,.m19:hover,.m20:hover,.m21:hover,.m22:hover{
	border: 0.05rem solid #79E6D5;
}
.btn5{
	margin-top:-1.2rem ;
}
.btn5>input{
	opacity: 0;
}

#file1,#file2,#file3{
	position: absolute;
    width: 65%;
    height: .6rem;
    bottom: .05rem;
    left: .1rem;
    opacity: 0;
    filter: alpha(opacity = 0);
    cursor: pointer;
}
.uploadImg{
	display: block;
    width: 65%;
    height: .6rem;
    line-height: .6rem;
    background-color: #63e0ce;
    color: #fff;
    position: absolute;
    bottom: .05rem;
    left: .1rem;
    font-size: .25rem;
    font-weight: normal;
    border-radius: 0.1rem;
    text-align: center;
    }
.upload-div{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 3;
	top: 0;
	opacity: 0.3;
}
.voice1{
	position: fixed;
	bottom: 0%;
	width: 10rem;
	height: 4.4rem;
	border-top-right-radius: 0.27rem;
	border-top-left-radius: 0.27rem;
	background-color: #FFFFFF;
	z-index: 100;
	display: none;
}
.MB-img{
	width: 1.89rem;
    height: 2.88rem;
} 
.MB>div{
	margin-left: 0.4rem;
	text-align: center;
}
/*.mw1{*/
	/*height: auto;*/
	/*width:100%;*/
	/*!*top:50%; *!*/
	/*!*left:50%;*!*/
	/*!*transform: translate(-50%,-50%);*!*/
/*}*/
/*.mw0{*/
	/*height:  auto;*/
	/*width:100%;*/
	/*top:0;*/
	/*!*left:50%;*!*/
/*}*/


.mw1{
width: 100%;

}
.mw0{
	height: 100%;

}




.ios{
	margin-top: 0.8rem;
}
.Images1>img:hover{
	border: 0.05rem solid #79E6D5;
}

.bullet1{
	display:none;
	position: absolute;
	width:8rem;
	height:3rem;
	border-radius: 0.5rem;
	background-color: #FFFFFF;
	z-index: 1000;
	margin-top: -90%;
	margin-left: 1rem;
}
.bullet-text{
	width:100%;
	font-size:18px;
	text-align: center;
	line-height: 2rem;
}
.bullet-quxiao,.bullet-queding{
	position: absolute;
	width: 2.5rem;
	height: 0.8rem;
	font-size: 16px;
	text-align: center;
	background-color: #ecd53A;
	border-radius: 0.41333rem;
	margin-left: 10%;
	line-height: 0.8rem;
	color: #FFFFFF;
}
.bullet-queding{
	right: 10%;
	background-color: #87e1d5;
}
.delete{
	position: absolute;
	right: 2%;
	top: 2%;
	z-index: 10;
}

.wst-msg-modal{
	width: 100%;
	height: 2rem;
	text-align: center;
	position: absolute;
			left:0%;
			top: 30%;
}

.transform_1{
	transform: rotate(90deg) !important;

}
.transform_2{

	transform: rotate(180deg) !important;
}
.transform_3{
	transform: rotate(270deg) !important;
}
.transform_4{
	transform: rotate(360deg) !important;
}

/*图片库数量*/
.quantity{
	width: 0.8rem;
    height: 0.8rem;
    background-color: #FF0000;
    border-radius: 50%;
    position: absolute;
    margin-left: 92%;
    margin-top: -16%;
    z-index: 120;
    color: #fff;
    text-align: center;
    line-height: 0.75rem;
    transform: scale(0.7,0.7);
}


.appearance0{
	width:100%;
}
.appearance1{
	height:100%;
}
.appearance2{
	width:100%;
}
.appearance3{
	height:100%;
}